<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/css/back/userManage.css">
    <script src="../../../js/jquery.min.js"></script>
    <script src="../../../js/myAjax.js"></script>
    <script src="../../../js/userManage.js"></script>


</head>
<body>
<div>
    <div>用户名：<input type="text" id="username"></div>
    <div>电话：<input type="text" id="phone"></div>
    <div>性别：
        <select id="sex">
            <option name="sex" value="全部">全部</option>
            <option name="sex" value="男">男</option>
            <option name="sex" value="女">女</option>
            <option name="sex" value="保密">保密</option>
        </select>
    </div>
    <div>爱好:
        <label><input type="checkbox" name="hobby" value="羽毛球">羽毛球</label>
        <label><input type="checkbox" name="hobby" value="乒乓球">乒乓球</label>
        <label><input type="checkbox" name="hobby" value="足球">足球</label>
        <label><input type="checkbox" name="hobby" value="篮球">篮球</label>
    </div>
    <div>生日：
        <input type="date" id="startBirthday">到
        <input type="date" id="endBirthday">
    </div>
    <div>排序：
        <select>
            <option value="id">id</option>
            <option value="username">用户名</option>
            <option value="phone">电话</option>
            <option value="sex">性别</option>
        </select>
    </div>
    <div><input type="button" value="搜索" onclick="findAll()">
        <input type="button" value="新增" onclick="addUser()">
    </div>
</div>
<div>
    <div class="title">
        <div style="width: 50px">id</div>
        <div style="width: 150px">用户名</div>
        <div style="width: 150px">电话</div>
        <div style="width: 100px">性别</div>
        <div style="width: 250px">爱好</div>
        <div style="width: 250px">自我介绍</div>
        <div style="width: 250px">生日</div>
        <div class="operator">操作</div>
    </div>
    <div class="content" id="content">


    </div>
</div>
</body>
</html>